<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Patient Home Page</title>
<link href="patientmain.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/common.js"></script>
<script src="../js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="patientmain.js"></script>
</head>
<body>
<!-- 
	<div id="userinfo">
		<div id="useravatar">
			<img width="150px" height="120px" style="margin-top:15px" alt=""
				src="../images/avatar/Juli.jpg">
		</div>
		<div id="userdetails">
			<table>
				<tr>
					<td colspan="4" height="15px"></td>
				</tr>
				<tr>
					<td>Name:</td>
					<td width="200px"><input class="outbox" id="username"
						name="username" type="text" size="15" readonly="readonly" /></td>
					<td>Role:</td>
					<td><input class="outbox" id="role" name="role" type="text"
						size="15" readonly="readonly" /></td>
				</tr>
				<tr>
					<td colspan="4" height="15px"></td>
				</tr>
				<tr>
					<td>Date:</td>
					<td colspan="3"><input class="outbox" id="currdate"
						name="currdate" type="text" size="12" readonly="readonly" /></td>
				</tr>
			</table>
		</div>
		<div id="calendar"></div>
		<div id="signout"><a href="loginsystem.html">Sign Out</a></div>
	</div>
 -->	

	<div id="tabs">
		<div id="tabstitle">
			<div id="tabs1" class="tabMenu">
				<a href="#">User Management</a>
			</div>
			<div id="tabs1List" class="tabsList">
				<div id="tab1button1" class="sublist">
					<a href="#">Register The User</a>
				</div>
				<div id="tab1button2" class="sublist">
					<a href="#">Modify The User</a>
				</div>
				<div id="tab1button3" class="sublist">
					<a href="#">Delete The User</a>
				</div>
			</div>
		</div>
		<div id="tabsbody" style="left:-80px;width:80px;height:80px;background-color:green;display:none">
		this is a test!!!
		</div>	
	</div>
</body>
</html>